<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
    <div class="container">
        <a class="navbar-brand" href="{{ "~/" | href }}">
            {{ Site.SiteName }}
        </a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
            <span class="sr-only">{{ "Toggle navigation" | t }}</span>
            {{ "Menu" | t }} <i class="fa fa-bars"></i>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ml-auto">
            {% for item in Model.Items %}
                {{ item | shape_render }}
            {% endfor %}
            </ul>
        </div>
    </div>
</nav>